*{
	box-sizing: border-box;
	font-family: PingFangSC-Regular,Microsoft JhengHei,PingFangSC,Source Han Sans,Arial,Helvetica,sans-serif;
}

.main{
	width: 100%;
	height: calc(100vh - 92px);
	padding: 14px 16px 0;
	background: url('../../static/bk_top_jc.jpg') repeat-y 50%;
	background-size: 100%;
	
	.header_group{
		width: 100%;
		margin: 0 auto 10px;
		position: relative;
		
		.time_group{
			width: 100%;
			display: flex;
			
			.tgitem{
				border: 2px solid #957e81;
				color: #4a4a4a;
				flex: 1;
				font-size: 36px;
				border-radius: 10px;
				text-align: center;
				padding: 10px 16px;
				margin: 24px 10px 4px 0;
				justify-content: space-around;
				display: flex;
				white-space: nowrap;
				font-weight: 400;
			}
			.tgitem.active{
				background: #d4b59a;
				color: #fff;
				border: 2px solid #d4b59a;
			}
		}
	}
	.content_group{
		width: 100%;
		min-height: 100%;
		height: 100vh;
		overflow: hidden;
		
		.main_content{
			overflow-y: scroll;
			height: 100%;
			width: 100%;
			padding-bottom: 220px;
			
			.header_group_bg{
				width: 100%;
				height: 0;
				padding-bottom: 37.092%;
				border-radius: 16px;
				overflow: hidden;
				margin-bottom: 8px;
				position: relative;
				background: url('../../static/icon_profitLoss_bg_shh.png') no-repeat 50%;
				background-size: cover;
				
				.header_group_content{
					width: 100%;
					display: flex;
					justify-content: space-around;
					align-items: flex-end;
					padding-left: 30px;
					padding-right: 30px;
					position: relative;
					
					.total_profit_loss{
						color: #fff;
						display: flex;
						flex-direction: column;
						
						span{
							padding-bottom: 4px;
							font-size: 24px;
							text-align: center;
							display: inline-block;
						}
						span:last-child{
							font-size: 36px;
						}
					}
					.avatar{
						width: 100%;
						max-width: 100px;
						max-height: 90px;
						height: 100%;
						margin: 8% auto 3%;
						display: flex;
						flex-direction: column;
						
						.avatar_bg{
							width: 100%;
							height: 0;
							padding-bottom: 90%;
							background: url('../../static/icon-ProfitLoss_top.png') no-repeat 50%;
							background-size: cover;
						}
					}
				}
				.txt_group{
					width: 100%;
					padding: 0;
					color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;
					position: absolute;
					bottom: 5%;
					font-size: 24px;
					word-break: break-all;
					text-align: justify;
					margin-left: 20px;
					margin-right: 20px;
				}
			}
			.Recharge_group{
				width: 100%;
				margin-bottom: 8px;
				
				.rechargeBox{
					width: 100%;
					display: flex;
					
					.rechargeBoxitem{
						display: flex;
						width: calc(50% - 2px);
						justify-content: center;
						height: 110px;
						background: #fcfcfc;
						border-radius: 16px;
						align-items: center;
						color: #4a4a4a;
						font-size: 32px;
						
						.recharge_icon{
							width: 52px;
							height: 52px;
							margin-right: 18px;
							background: url('../../static/recharge_icon.png') no-repeat 50%;
							background-size: 100%;
						}
						.withdraw_icon{
							width: 52px;
							height: 52px;
							margin-right: 18px;
							background: url('../../static/withdraw_icon.png') no-repeat 50%;
							background-size: 100%;
						}
					}
					.rechargeBoxitem:first-child{
						margin-right: 4px;
					}
				}
			}
			.txt_recharge_group{
				width: 100%;
				margin-bottom: 8px;
				display: flex;
				
				.rechargegroupitem{
					border: 2px solid #957e81;
					background: #eeeded;
					width: calc(50% - 4px);
					border-radius: 10px;
					flex-direction: row;
					display: flex;
					justify-content: center;
					align-items: center;
					padding: 14px;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
					
					span{
						font-size: 28px;
						color: #8b572a;
						display: block;
					}
					.txt_coin{
						color: #b66924;
						padding-left: 6px;
					}
				}
				.rechargegroupitem:first-child{
					margin-right: 8px;
				}
			}
			.icon_group{
				background: #fcfcfc;
				width: 100%;
				height: 80%;
				border-radius: 16px;
				
				.DataGroup{
					width: 100%;
					display: flex;
					flex-direction: column;
					margin-bottom: 300px;
					
					.DataGroupItem{
						color: #4a4a4a;
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;
						min-height: 64px;
						line-height: 64px;
						font-size: 24px;
						padding-left: 44px;
						padding-right: 44px;
						
						.txt_coin{
							color: #9d7201;
						}
					}
					.DataGroupItem:nth-child(2n){
						background: #eeeded;
					}
				}
			}
		}
	}
}

.green{
	color: #84c340;
}

:global{
	.game_group{
		margin-bottom: 10px;
		margin-top: 10px;
		
		.ant-select .ant-select-selector{
			padding-left: 40px;
			border: 2px solid #957e81 !important;
			box-shadow: 0 0 0 0 transparent !important;
			font-size: 26px;
			border-radius: 10px;
		}
		.ant-select-arrow{
			font-size: 32px;
		}
	}
}